import Navbar from "./components/Navbar";

function App() {
  return (
    <>
      <Navbar />

      <form>
        <input
          class="input validator"
          type="email"
          required
          placeholder="mail@site.com"
        />
        <div class="validator-hint">Enter valid email address</div>

        <input
          type="password"
          class="input validator"
          required
          placeholder="Password"
          minlength="8"
          pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
          title="Must be more than 8 characters, including number, lowercase letter, uppercase letter"
        />
        <p class="validator-hint">
          Must be more than 8 characters, including
          <br />
          At least one number
          <br />
          At least one lowercase letter
          <br />
          At least one uppercase letter
        </p>

        <button class="btn btn-primary" type="submit">
          Primary
        </button>
      </form>
    </>
  );
}
export default App;
